<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的发布</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/CSS.css">
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../layui/layui.all.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/JS.js"></script>
</head>
<style type="text/css">
    .my_release_nav li{
        float: left;
        width: 25%;
        text-align: center;
        padding: 3% 0;
    }
    form>div{
        display: none;
    }
     .my_release_nav .active{
        color: #000;
    }
</style>
<body style="background: #fff">
<header>
    <a href="javascript:history.back(-1)" class="back"><img src="../img/back.png" height="18px"></a>
    <div class="center title">我的发布</div>
</header>
<ul class="my_release_nav clearfix">
    <li class="active">推拿会所</li>
    <li>聚会约会</li>
    <li>出游旅行</li>
    <li>景点商家</li>    
</ul>
<form action="">

    <div class="tuina">
        
    </div>
    <div class="yuehui">
        
    </div>
    <div class="tour">
        
    </div>
    <div class="guide">
        
    </div>
    <!-- <ul class="outing_info clearfix">
        <a href="candidates.html">
        <li class=""><img src="../img/logo.png" alt=""></li>
        <li>
            <p>
                <span><img src="../img/description.png" alt=""></span>
                <span>有人星期天一起去西冲玩吗?</span>
            </p>
            <p>
                <span><img src="../img/site.png" alt=""></span>
                <span>坂田-西冲</span>
            </p>
            <p>
                <span><img src="../img/time.png" alt=""></span>
                <span>4月30日 下午5点</span>
            </p>
        </li>
        <li class="my_release_btn clearfix"><input class="fr" type="submit" value="确认订单"></li>
        </a>
    </ul>
    <ul class="outing_info clearfix">
        <a href="candidates.html">
        <li class=""><img src="../img/logo.png" alt=""></li>
        <li>
            <p>
                <span><img src="../img/description.png" alt=""></span>
                <span>有人星期天一起去西冲玩吗?</span>
            </p>
            <p>
                <span><img src="../img/site.png" alt=""></span>
                <span>坂田-西冲</span>
            </p>
            <p>
                <span><img src="../img/time.png" alt=""></span>
                <span>4月30日 下午5点</span>
            </p>
        </li>
        <li class="my_release clearfix" style="float: right;">
            <span><b></b>人报名</span>
            <span>
                 <img src="../img/logo.png" alt="">
                 <img src="../img/logo.png" alt="">
                 <img src="../img/logo.png" alt="">
            </span>
        </li>
        </a>
    </ul> -->
</form>
</body>
</html>
<script type="text/javascript">
$('form>div').eq(0).show();
$('.my_release_nav li').click(function(){
    var index=$(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    $('form>div').eq(index).show().siblings().hide();
});





    $.ajax({
        type:"POST",
        url:"/meiyou/MyFabu",
        success:function(data){
            console.log(data.tuina);
            console.log(data.yuehui);
            console.log(data.tour);
            console.log(data.guide);


            /*推拿*/
               $.each(data.tuina,function(i,val){
                $('.tuina').append("<ul class=\"outing_info clearfix\">\n" +
        "        <a href='candidates.html?id="+val.t_id+"'>\n" +
        "        <li class=\"\"><img src='"+val.u_img+"' alt=\"\"></li>\n" +
        "        <li>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/description.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_produce+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/site.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_address+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/time.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_time+"</span>\n" +
        "            </p>\n" +
        "        </li>\n" +
        "        <li class=\"my_release_btn clearfix\"><input class=\"fr\" type=\"submit\" value='"+val.y_state+"></li>\n" +
        "        </a>\n" +
        "    </ul>"); 
            });


            /*约会*/
            $.each(data.yuehui,function(i,val){
                $('.yuehui').append("<ul class=\"outing_info clearfix\">\n" +
        "        <a href='candidates.html?id="+val.y_id+"'>\n" +
        "        <li class=\"\"><img src='"+val.u_img+"' alt=\"\"></li>\n" +
        "        <li>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/description.png\" alt=\"\"></span>\n" +
        "                <span>"+val.y_context+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/site.png\" alt=\"\"></span>\n" +
        "                <span>"+val.y_address+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/time.png\" alt=\"\"></span>\n" +
        "                <span>"+val.y_date+"</span>\n" +
        "            </p>\n" +
        "        </li>\n" +
        "        <li class=\"my_release_btn clearfix\"><input class=\"fr\" type=\"submit\" value='"+val.y_state+"></li>\n" +
        "        </a>\n" +
        "    </ul>"); 
            });
            /*旅行*/
        $.each(data.tour,function(i,val){
                $('.tour').append("<ul class=\"outing_info clearfix\">\n" +
        "        <a href='qudingfuyue.html?id="+val.t_id+"'>\n" +
        "        <li class=\"\"><img src='"+val.u_img+"' alt=\"\"></li>\n" +
        "        <li>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/description.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_count+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/site.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_faddress+"-"+val.t_taddress+"</span>" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/time.png\" alt=\"\"></span>\n" +
        "                <span>"+val.t_sdate+"</span>\n" +
        "            </p>\n" +
        "        </li>\n" +
        "        <li class=\"my_release_btn clearfix\"><input class=\"fr\" type=\"button\" value='"+val.t_state+"'></li>\n" +
        "        </a>\n" +
        "    </ul>")
            });  


        /*导游*/
        $.each(data.guide,function(i,val){
                $('.guide').append("<ul class=\"outing_info clearfix\">\n" +
        "        <a href=\"candidates.html\">\n" +
        "        <li class=\"\"><img src='"+val.u_img+"' alt=\"\"></li>\n" +
        "        <li>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/description.png\" alt=\"\"></span>\n" +
        "                <span>"+val.g_duce+"</span>\n" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/site.png\" alt=\"\"></span>\n" +
        "                <span>"+val.g_area+"</span>" +
        "            </p>\n" +
        "            <p>\n" +
        "                <span><img src=\"../img/time.png\" alt=\"\"></span>\n" +
        "                <span>"+val.g_shuoming+"</span>\n" +
        "            </p>\n" +
        "        </li>\n" +
        "        <li class=\"my_release_btn clearfix\"><input class=\"fr\" type=\"button\" value='"+val.g_state+"'></li>\n" +
        "        </a>\n" +
        "    </ul>")
            });       
        }
    })
</script>